<template>
  <div>
    <div class="header">
    1
    </div>
    <div class="body">2</div>
    <div class="footer">{{ status }}</div>
  </div>
</template>

<script>
export default {
  name: "IndexPage",
  data() {
    return {
      asdf: "111111",
    };
  },
  onMounted() {},
  async asyncData({ $axios }) {
    let res = await $axios.get("http://www.baidu.com");

    return {
      status: res["status"],
    };
  },
  methods: {
    async getBlog(params) {
      return request(BLOG, METHOD.GET, params ? params : {});
    },
  },
};
</script>

<style>
.header {
  width: 100%;
  height: 100px;
  background-color: red;
}
.body {
  width: 100%;
  height: 1000px;
  background-color: green;
}
.footer {
  width: 100%;
  height: 100px;
  background-color: orange;
}
</style>
